<script>
	import { KRadioGroup } from '@ikun-ui/radio-group';
	import { KRadio } from '@ikun-ui/radio';
</script>

<div id="group-sm" class="h-full" style="width: 600px">
	<KRadioGroup size="sm">
		<KRadio uid="1">1</KRadio>
		<KRadio uid="2">2</KRadio>
		<KRadio uid="3">3</KRadio>
	</KRadioGroup>
</div>

<div id="group-md" class="h-full" style="width: 600px">
	<KRadioGroup size="md">
		<KRadio uid="1">1</KRadio>
		<KRadio uid="2">2</KRadio>
		<KRadio uid="3">3</KRadio>
		<KRadio uid="4">4</KRadio>
		<KRadio uid="5">5</KRadio>
	</KRadioGroup>
</div>

<div id="group-lg" class="h-full" style="width: 600px">
	<KRadioGroup size="lg">
		<KRadio uid="1">1</KRadio>
		<KRadio uid="2">2</KRadio>
	</KRadioGroup>
</div>
